<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="personal-css/base.css" />
		<link rel="stylesheet" href="personal-css/iconfont.css" />
		<link rel="stylesheet" href="personal-css/order.css" />
	</head>
	<body>
		<div class="my-order-body">
			<div class="order-left">固定组件</div>
			<div class="my-order">
				<div class="order-title">
					<span>我的订单</span>
					<span>请谨防钓鱼链接或诈骗电话，</span>
					<a href="#">了解更多></a>
				</div>
				<div class="order-statu">
					<span><a href="#">全部有效订单</a></span>
					<span class="line-order">|</span>
					<span><a href="#">待支付</a></span>
					<span class="line-order">|</span>
					<span><a href="#">待收货</a></span>
					<span class="line-order">|</span>
					<span><a href="#">已关闭</a></span>
					<div class="order-input">
						<input type="text" placeholder="输入商品名称、商品编号、订单号"/>
						<input type="submit" value="&#xe622;" class="iconfont"/>
					</div>
				</div>
				<div class="order-form">
					<div>
						<span class="isReceive">已收货</span>
					</div>
					<div>
						<span>2018年07月31日</span>
						<span>00:45</span>
						<span>张智俊</span>
						<span>订单号：5180731835800114</span>
						<span>在线支付</span>
						<span>订单金额：48.90元</span>
					</div>
					<div>
						<img src="img/pms_1480563687.45673159!80x80.jpg" alt="#" />
						<div class="instrucate">
							<p>小米手环2腕带 石墨黑</p>
							<p>19.9元 × 1</p>
						</div>
						<div class="btn-order">
							<a href="#"><button>订单详情</button></a><br />
							<a href="#"><button>申请售后</button></a>
						</div>
					</div>
					<div>
						<img src="img/pms_1507556624.89342921!80x80.jpg" alt="#" />
						<div class="instrucate">
							<p>MIX 2全陶瓷版极简保护壳 黑色</p>
							<p>19元 × 1</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
